.tie-mod{
    background: #fff;
    margin: .2rem 0 0;
    padding:.2rem .4rem .25rem;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    .avatar{
        width: .6rem;
        height: .6rem;
        float: left;
        margin-right: .2rem;
        margin-bottom: .24rem;
    }
    h3{
        color: #fa0;
        font-size: .3rem;
        margin-top: .07rem;
    }
    p{
        margin-bottom: .24rem;
        font-size: .3rem;
        color: #333;
        line-height: 1.5;
        clear:both;
    }
    .tie-tu{
        // position:relative;
        // overflow-x:auto;
        // div{
        //       width:500%;
        // }
        img{
            width: 6.7rem;
            height: 3.7rem;
            float: left
        }
        span{
            display:inline-block;
            position:absolute;
            right:0;
            bottom:0;
            width:.8rem;
            height:.4rem;
            line-height:.4rem;
            color:#fff;
            background:rgba(0,0,0,0.70);
            text-align:center;
            font-size:.26rem;
        }
    }
    span.page{
            position: absolute;
            right: 0.4rem;
            bottom: .25rem;
            width: .8rem;
            height: .4rem;
            background-color: rgba(0,0,0,.7);
            text-align: center;
            color: #fff;
            line-height: .4rem;
            z-index: 2
        }
}
.tie-like{
    padding: .24rem .4rem;
    color: #999;
    font-size: .26rem;
    background-color: #fff;
    margin-bottom: .2rem;
    overflow:hidden;
    i{
        float: left;
        width: .28rem;
        height: .28rem;
        background-size: contain;
        margin-right: .08rem;
    }
}
.tie-comments{
    padding: .16rem .4rem 0;
    margin-bottom:.88rem;
    background-color: #fff;
    .tie-title{
        font-size: .26rem;
        color: #999;
        border-bottom:1px solid #e6e6e6;
        span{   
            display: inline-block;
            padding-bottom: .16rem;
            border-bottom: 1px solid  #fa0;
        }
    }
    li{
        position: relative;
        padding: .24rem 0;
        border-bottom: 1px solid #e6e6e6;
        
        img{
            float: left;
            width: .6rem;
            height: .6rem;
            margin-right: .2rem;
            overflow: hidden;
        } 
        .ctt{
            margin-left: .8rem
        }
        .who,.when{
            color: #999;
            font-size: .22rem
        }
        .what{
            font-size: .26rem;
            margin: .1rem 0;
            color: #333;
            span{
                color:#999;
            }
        }
        .like,.dislike{
            width: .28rem;
            height: .28rem;
            position: absolute;
            top: .28rem;
            background-size: contain;

        }
        .like{
            right: 1.16rem;
        }
        .dislike{
            right: 0;
            background-image: url('');
        }
    }
    li:last-child{
        border-bottom:none;
    }
    .clicked{
        background:#f5f5f5;
    }
}
.post-coment{
    position: fixed;
    bottom: 0;
    width: 100%;
    height:.88rem;
    padding:.22rem .4rem;
    background:#f9f9f9;
    z-index: 2;
    border-top: 1px solid #e6e6e6;
    input{
        width:3.2rem;
        height:.44rem;
        line-height:.35rem;
        padding-left:.1rem;
        border:1px solid #f0f0f0;
        border-radius:.22rem;
        font-size:.26rem;
        vertical-align: bottom;
    }
    >ul{
        display:inline-block;
        width:3.2rem;
        vertical-align: middle;
        >li{
            float:right;
            width:.44rem;
            height:.42rem;
            margin-left:.5rem;
        }
        .share{
            background:url('') no-repeat;
            background-size:contain;
        }
        .praise{
            background:url('') no-repeat;
            background-size:contain;
        }
        .praised{
            background:url('');
            background-size:contain;
        }
        .menu{
            position:relative;
            background:url('') left center no-repeat;
            background-size:contain;
            .menu-box{
                display:none;
                width:1.5rem;
                position:absolute;
                bottom: .55rem;
                left: -.6rem;
                background:rgba(0,0,0,.8);
                border-radius:4px;
                padding:.28rem .2rem .25rem;
                font-size:.26rem;
                color:#fff;
                .icon{
                    position:absolute;
                    left:50%;
                    margin-left:-.06rem;
                    bottom:-.2rem;
                    display:inline-block;
                    width:0;
                    height:0;
                    background:transparent;
                    border-left: .12rem solid transparent;
                    border-right: .12rem solid transparent;
                    border-top: .24rem solid rgb(50,50,50);
                }
                ul{
                    width:100%;
                    li{
                        white-space:nowrap;
                        margin-bottom:.2rem;
                    }
                }
                i{
                    display:inline-block;
                    width:.28rem;
                    height:.28rem;
                    background:#000;
                    vertical-align:top;
                    margin-right:.2rem;
                }
                .set-top i{
                    background:url('');
                    background-size:contain;        
                }
                .report i{
                    background:url('');
                    background-size:contain;
                }
                .review i{
                    background:url('') no-repeat;
                    background-size:contain;
                }
                .delete i{
                    background:url('');
                    background-size:contain;
                }
            }
        }
    }
}
.up{
    background-image: url("");
}
.tie-op{
    height: .88rem;
    line-height: .88rem;
    background-color: #fff;
    padding:0 .4rem;
    border-bottom: 1px solid #e6e6e6;
    .like{
        display: inline-block;
        width: .28rem;
        height: .28rem;
        background-size: contain;
        margin-right: .1rem;
    }
    a{
        vertical-align: 2px;
    }
    .comt{
        margin-left: .8rem;
        background-image: url('');
    }
    em{
        float: right;
        width: .28rem;
        height: .06rem;
        background-image: url("");
        background-size: contain;
        margin-top: .4rem;
    }
}
.com-cnt{
    margin-top: .24rem;
    span{
        color:#333;
    }
}
.mask-layer{
    display:none;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background:rgba(0,0,0,.5);
    z-index:999;
}
.dialog-box{
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    width: 5.4rem;
    background:#e6e6e6;
    margin-left:-2.7rem;
    margin-top:-1.5rem;
    z-index:1000;
    .btn{
        overflow:hidden;
        font-size:.26rem;
        color:#666;
        li{
            float:left;
            width:33.33%;
            padding-bottom:.25rem;
            padding-top:.4rem;
            text-align:center;
            background:#e6e6e6;
            div{
                width:1rem;
                height:1rem;
                line-height:1rem;
                margin:0 auto .2rem;
                text-align:center;
                background:#fff;
                border-radius:8px;
                i{
                    display:inline-block;
                    width:.44rem;
                    height:.43rem;
                    vertical-align:-0.15rem;;
                    background:red;
                }
            }
        }
        .reply i{
            background:url('');
            background-size:contain;
        }
        .copy i{
            background:url('') no-repeat;            background-size:contain;
        }
        .report i{
            background:url('') no-repeat;
            background-size:contain;
        }
    }
    .cancle{
        height:.88rem;
        font-size:.3rem;
        color:#333;
        text-align:center;
        line-height:.88rem;
        border-top:1px solid #000;
    }
}
.report-box{
    display:none;
    position:fixed;
    bottom:.88rem;
    background:rgba(255,255,255,1);
    width:100%;
    li{
        height:.88rem;
        line-height:.88rem;
        text-align:center;
        color:#333;
        font-size:.26rem;
        border-bottom: 1px solid #e6e6e6;
    }
    .adver{
        border-bottom:0;
    }
}

.detail-sign{
    text-align:center;
    h1{
        font-size:.3rem;
        color:#333;
        padding:.24rem 0 .17rem;
        font-weight:bold;

    }
    >h3 {
        border-bottom:1px solid #e6e6e6;
        padding-bottom:.1rem;
        margin-bottom:.1rem;
        text-align:left;
        span{
            color:#999;
        } 
    }
    p{
        margin-bottom:0;
        text-align:left;
    }
    p:last-of-type{
        margin-bottom:.24rem;
    }
    .sign-btn{
        display:inline-block;
        margin:0 auto .24rem;
        background:#fa0;
        font-size:.3rem;
        color:#fff;
        padding:.1rem .2rem;
        border-radius:2px;
    }
    .disabled{
        background:#ccc;
    }
    .tie-tu{
        position:relative;
        overflow:hidden;
        margin-bottom:.24rem;
        .page{
            right:0;
            bottom:0;
        }
    }
    .fixed-btn{
        position:fixed;
        display:none;
        top:.88rem;
        left:0;
        width:100%;
        height:1rem;
        background:rgba(0,0,0,.4);
        z-index:2;
        .sign-btn{
            position:absolute;
            right:.4rem;
            top:.2rem;
            width:1.6rem;
            height:.6rem;
            background:#fa0;
            color:#fff;
            font-size:.3rem;
            line-height:.6rem;
            text-align:center;
            padding:0;
        }
    }
}